
/* 新增选择框样式 */
        #practiceFilter {
            background: rgba(255, 255, 255, 0.85);
            border: 1px solid rgba(22, 93, 255, 0.3);
            border-radius: 10px;
            padding: 10px 15px;
            padding-left: 45px;
            font-size: 16px;
            color: #1D2129;
            width: 100%;
            max-width: 380px;
            min-width: 200px;
            appearance: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23165DFF'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 15px center;
            background-size: 25px;
            box-shadow: 0 4px 12px rgba(22, 93, 255, 0.1);
            transition: all 0.3s ease;
        }
        
        #practiceFilter:hover {
            border-color: #165DFF;
            box-shadow: 0 4px 12px rgba(22, 93, 255, 0.2);
        }
        
        #practiceFilter:focus {
            outline: none;
            border-color: #165DFF;
            box-shadow: 0 0 0 3px rgba(22, 93, 255, 0.3);
        }
        
        .select-wrapper {
            position: relative;
            display: inline-block;
            margin-bottom: 20px;
            width: 100%; /* 确保宽度自适应 */
            max-width: 380px; /* 与选择框宽度一致 */
        }
        
        .select-wrapper::before {
            content: "\f0b0";
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            position: absolute;
            left: 15px;
            top: 0;
            bottom: 30px;
            margin: auto 0;
            height: 1em;
            color: #165DFF;
            font-size: 18px;
            }